import {Button, Group} from "@mantine/core";
import {
  IconLock,
  IconLockOpen,
  IconTransform,
  IconChartBar,
  IconSettings,
} from "@tabler/icons-react";
import React from "react";

export const IpdTableMultiConfig = () => {
  return (
    <Group justify="space-between">
      <Group>
        <Button size="xs" variant="light" color="cyan" leftSection={<IconSettings size={14} />}>
          利用率
        </Button>
        <Button size="xs" variant="light" color="cyan" leftSection={<IconSettings size={14} />}>
          颗粒度
        </Button>
        <Button size="xs" variant="light" color="grape" leftSection={<IconTransform size={14} />}>
          重置
        </Button>
        <Button
          size="xs"
          variant="gradient"
          gradient={{from: "indigo", to: "blue", deg: 90}}
          leftSection={<IconChartBar size={14} />}
        >
          统计
        </Button>
      </Group>
      <Group>
        <Button.Group>
          <Button size="xs" variant="default" color="lime" leftSection={<IconLockOpen size={14} />}>
            解锁
          </Button>
          <Button size="xs" variant="default" color="pink" leftSection={<IconLock size={14} />}>
            锁定
          </Button>
        </Button.Group>
      </Group>
    </Group>
  );
};
